let tagBox = document.querySelector(".tags");
let text = document.querySelector("#textarea");

text.addEventListener("keyup", (e) => {
    if (e.keyCode === 13) {
        // 移除父元素下所有的子元素
        tagBox.innerHTML = ''

        // 过滤数组并生成tag
		let content = e.target.value;
		let arr = content.split("，").filter((item) => item !== '').map(item => item.trim());
		arr.forEach((item) => {
			let tag = document.createElement("span");
            tag.innerHTML = item;
            tag.classList.add('tag')
			tagBox.appendChild(tag);
        });

        // 随机设置tag样式
        let random = Math.floor(Math.random() * arr.length);
        let tag = document.querySelectorAll('.tag')
        // tag[random].classList.remove('tag')
        tag[random].classList.add("active");

        // 重置textarea
		e.target.value = "";
	}
});
